import './App.css';
import  Header  from './components/Header';
import  Footer  from './components/Footer';
import  Index  from './index/index';
import  List  from './list/list';
import  Channel  from './channel/channel';
import  About  from './about/about';
import { BrowserRouter as Router, Route } from "react-router-dom"
function App() {
  return (
    <Router> 
      <div className="main">
        <Header/>
          <Route path='/' exact component={ Index } />
          <Route path='/index' exact component={ Index } />
          <Route path='/list' exact component={ List } />
          <Route path='/channel' exact component={ Channel } />
          <Route path='/about' exact component={ About } />
        <Footer/>
      </div>
    </Router> 
  );
}
export default App;
